<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Welcome!</title>
    <link rel="stylesheet" type="text/css" href="/static/stylesheet/main_css.css">
    <link rel="shortcut icon" href="/static/icon/favicon.ico">
    <style>
        html {
            background-color: white;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: black;
        }
    
        h1 {
            text-align: center;
            font-size: 72px;
            font-family: 'Segoe UI Semibold';
        }
    
        h3 {
            text-align: center;
            font-size: 48px;
            font-family: 'Segoe UI Semibold';
        }
    
        p {
            font-size: 24px;
            text-align: center
        }
    
        div#button {
            width: 100%;
            background-color: coral;
            text-align: center;
            height: 30px;
            border-radius: 15px;
            font-size: 18px;
            padding: auto;
            margin-top: 40px;
        }
    </style>
</head>

<body>
    <div style="background-color: black;color:white;margin:0;width:auto;padding:5%">
        <h1>Hello.</h1>
        <p>This is a new website for lansheng 202201.</p>
        <p style="font-family:'Segoe UI light'">Website V2.1.0</p>
    </div>
    <h3>What's in this version?</h3>
    <div style="text-align:center;">
        <p style="font-family:'Segoe UI Light'">V2.1.0</p>
        <img style="width:20%" src="https://rice0208.github.io/rice/images/colorful.png">
        <p>Think the only color is boring? Try this colorful version!</p>
    </div>
    <h3>Previous Versions</h3>
    <div style="text-align:center;">
        <p style="font-family:'Segoe UI Light'">V2.0.2</p>
        <img style="width:20%" src="https://rice0208.github.io/rice/images/computer.png">
        <p>Python + HTML 5 + CSS 3, Triple code type, better appearance.</p>
        <p>We're developing the personal space, then you can see what your friends are doing.</p>
    </div>
    <div id="button"><a style="color:white;text-decoration:none;font-family:'Segoe UI'" href="/main">Go to our
            website&gt&gt</a></div>
    <footer style="color:black">
        © Copyright 2020 LSFD Class 202201<br>Website V2.1.0 Beta testing<br>powered by PythonAnyWhere
    </footer>
</body>

</html>